<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>

<link type="text/css" href="css/cupertino/jquery-ui-1.10.1.custom.css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.1.custom.js"></script>
<script type="text/javascript" src="CustomWidgets.js"></script>
<script type="text/javascript" src="ModelsClipboard.js"></script>
<script type="text/javascript" src="ChildRelationsContextMenu.js"></script>
<script type="text/javascript" src="LoadingAnimation.js"></script>
<script type="text/javascript" src="CrudGrid.js"></script>
<script type="text/javascript" src="SearchWindow.js"></script>
<script type="text/javascript" src="ConfirmWindow.js"></script>
<script type="text/javascript" src="EditModelWindow.js"></script>
<script type="text/javascript" src="CreateModelWindow.js"></script>
<script type="text/javascript" src="ModelSelecter.js"></script>
<script type="text/javascript" src="ErrorWindow.js"></script>
<script type="text/javascript" src="InfoWindow.js"></script>
<script type="text/javascript" src="CrudGridPagingFunctions.js"></script>
<script type="text/javascript" src="CrudWindow.js"></script>
<script type="text/javascript" src="AJAXFunctions.js"></script>



<style>

html{   height: 100%;}
/*Shadow before body*/
body:before {
    content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.8);
	   -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.8);
	    -ms-box-shadow: 0px 0px 15px rgba(0,0,0,.8);
	     -o-box-shadow: 0px 0px 15px rgba(0,0,0,.8);
			box-shadow: 0px 0px 15px rgba(0,0,0,.8);

	z-index: 100;
	}

body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;

background: #ffdab9; /* Old browsers */
background: -moz-linear-gradient(top, #ffdab9 0%, #ffff99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdab9), color-stop(100%,#ffff99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffdab9 0%,#ffff99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffdab9 0%,#ffff99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffdab9 0%,#ffff99 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffdab9 0%,#ffff99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdab9', endColorstr='#ffff99',GradientType=0 ); /* IE6-9 */
font-size:0.7em; font-weight:500;}

/*Model Selecter*/
.ui-menu{width:25%;}
.ui-widget{box-shadow: 3px 3px 5px #AAA;}

/*GRILLA*/
.crudgrid{box-shadow:none;}
.GridNonPrimitive:hover{cursor:pointer; text-decoration:underline;}
td, tr {margin:none; padding: 10px; border: 1px solid #DDDDDD;}
table.ui-selectable tr:hover  {background: lightBlue; border-radius:6px; background: url("css/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png") repeat-x scroll 50% 50% #E4F1FB;
    border: 1px solid #74B2E2;
    color: #0070A3;
    }
tr.ui-selecting td, tr.ui-selected td { background: lightBlue; border-radius:6px; background: url("css/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png") repeat-x scroll 50% 50% #E4F1FB;
    border: 1px solid #74B2E2;
    color: #0070A3;
     } 


/*Ventanas*/
.ui-dialog .ui-dialog-titlebar {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    width: calc(auto + 1px);
    margin-left: -1px;
    margin-top: -1px;
}
.ui-dialog{padding:0;}
.ui-button{box-shadow:none;}
.ui-button:hover{box-shadow:rgba(0, 162, 232,0.5) 0px 0px 24px;}
.ui-button-icon-only {height:2em; width:1.5em;  margin:0.1em;}

/*SEARCH and Create WIN*/
label, input { display:block; }

fieldset { padding:0; border:0; margin-top:25px; }

/*Loading Animation*/
#LoadingAnimationOuter {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .7;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 100px;
    box-shadow: 0px 0px 35px #2187e7;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -moz-animation: spinclockwise 1s infinite linear;
    -webkit-animation: spinclockwise 1s infinite linear;
    position:absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    z-index:1000;
}


@-moz-keyframes spinclockwise {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}



@-webkit-keyframes spinclockwise {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}

/*Desktop Clock*/
#DesktopClock{right:5%;opacity:.5;color:#555;position: absolute; font-size:5.5em; font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;}
#DesktopClock:hover{color:#0070A3; font-size:5.7em;}



</style>


<script type="text/javascript">
$('document').ready(function()
{		
		
	
	NewSelecter();
	CreateClock();

}
)
		
				
			
</script>

</head>
<body>

</body>
</html>


